
<template>
  <HelloWorld  />
  <TypeScript  />
  <Person :list="personList" />
</template>

<script setup lang="ts">
import HelloWorld from './components/HelloWorld.vue'
import TypeScript from './components/TypeScript.vue'
import Person from './components/Person.vue';
import { reactive } from 'vue'
import { type Persons } from './types'

// let personList: Persons = reactive([
let personList= reactive<Persons>([
  {id:"1asd2sad2", name: 'John', age: 20 },
  {id:"1asd2sad1", name: 'Jane', age: 24 },
  {id:"1asd2sad3", name: 'Jack', age: 30 },
  {id:"1asd2sad4", name: 'Janet', age: 26,x:123 },
])

</script>

<style scoped></style>
